<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/index.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div id="header">
        <!-- 顶部导航 -->
        <div class="topNav">
            <!-- 版心 -->
            <div class="warp clearfix">
                <!-- 地址定位 -->
                <div class="address ta fl">
                    <span>北京</span>
                    <!-- 城市选择 -->
                    <ul class="city bgcfff clearfix ta">
                        <!-- 城市选项 -->
                    </ul>
                </div>
                <!-- 快速导航 -->
                <ul class="quickNav fr">
                    <!-- 登录跳转 -->
                    <li class="login">
                        <a href="#">你好，请登录</a>
                        <a class="colorE1251B" href="#">免费注册</a>
                    </li>
                    <li class="slicer"></li>
                    <!-- 我的订单 -->
                    <li>
                        <a href="#">我的订单</a>
                    </li>
                    <li class="slicer"></li>
                    <!-- 我的京东 -->
                    <li class="myJd showBgcolor rel">
                        <a href="#">我的京东</a>
                        <span>></span>
                        <div class="myJdBox abs bgcfff">
                            <ul class="myJdfist">
                                <!-- 重复 -->
                                <script>
                                    var arr = ['待处理订单', '消息', '返修退换货', '我的问答', '降价商品', '我的关注'];
                                    for (let i = 0; i < arr.length; i++) {
                                        document.write(`
                                    <li>
                                        <a href="#">${arr[i]}</a>
                                    </li>
                                    `)
                                    }
                                </script>
                            </ul>
                            <ul class="myJdlast">
                                <!-- 重复 -->
                                <script>
                                    var arr = ['我的京东', '我的优惠券', '我的白条', '我的理财'];
                                    for (let i = 0; i < arr.length; i++) {
                                        document.write(`
                                    <li>
                                        <a href="#">${arr[i]}</a>
                                    </li>
                                    `)
                                    }
                                </script>
                            </ul>
                        </div>
                    </li>
                    <li class="slicer"></li>
                    <!-- 京东会员 -->
                    <li>
                        <a href="#">京东会员</a>
                    </li>
                    <li class="slicer"></li>
                    <!-- 企业采购 -->
                    <li class="purchaseBox showBgcolor rel">
                        <a class="colorE1251B" href="#">企业采购</a>
                        <span>></span>
                        <ul class="purchase abs bgcfff clearfix">
                            <script>
                                var arr = ['企业购', '商用场景馆', '工业品', '丰客多商城', '礼品卡', '微信企业购', '大中型企业购'];
                                for (let i = 0; i < arr.length; i++) {
                                    document.write(`
                                         <li>
                                             <a href="#">${arr[i]}</a>
                                        </li>
                                    `)
                                }
                            </script>
                        </ul>
                    </li>
                    <li class="slicer"></li>
                    <!-- 客户服务 -->
                    <li class="custmoerService showBgcolor rel">
                        <a class="showColor">客户服务</a>
                        <div class="custmoerServiceBox abs bgcfff">
                            <!-- 客户 -->
                            <div class="custmoer">
                                <p class="fw">客户</p>
                                <ul class="clearfix">
                                    <script>
                                        var arr = ['帮助中心', '售后服务', '在线客服', '意见建议', '电话客服', '客服邮箱', '金融咨询', '全球售客服', '企业客服'];
                                        for (let i = 0; i < arr.length; i++) {
                                            document.write(`
                                            <li>
                                                <a href="#">${arr[i]}</a>
                                            </li>
                                            `)
                                        }
                                    </script>
                                </ul>
                            </div>
                            <!-- 商户 -->
                            <div class="commercial">
                                <p class="fw">商户</p>
                                <ul class="clearfix">
                                    <script>
                                        var arr = ['合作招商', '成长中心', '商家后台', '京麦工作台', '商家帮助', '规则平台'];
                                        for (let i = 0; i < arr.length; i++) {
                                            document.write(`
                                            <li>
                                                <a href="#">${arr[i]}</a>
                                            </li>
                                            `)
                                        }
                                    </script>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="slicer"></li>
                    <!-- 网站导航 -->
                    <li class="siteMap rel showBgcolor">
                        <a class="showColor">网站导航</a>
                        <span>></span>
                        <div class="mapBox warp abs bgcfff">
                            <div class="fl">
                                <p>特色主题</p>
                                <ul class="clearfix">
                                    <script>
                                        var arr = ['新品首发', '京东金融', '全球售', '国际站', '京东会员', '台湾售', '俄语站', '装机大师', '港澳售', '优惠券', '秒杀', '闪购', '印尼站', '陪伴计划', '出海招商', '拍拍二手', '买什么'];
                                        for (let i = 0; i < arr.length; i++) {
                                            document.write(`
                                        <li><a href="#">${arr[i]}</a></li>
                                        `)
                                        }
                                    </script>
                                </ul>
                            </div>
                            <div class="fl">
                                <p>行业频道</p>
                                <ul>
                                    <script>
                                        var arr = ['手机', '智能数码', '玩3C', '电脑', '办公', '家用电器', '京鱼座', '智能京东', '服饰', '京东生鲜', '家装城', '母婴食品', '农资频道', '整车图书', '劳动防护'];
                                        for (let i = 0; i < arr.length; i++) {
                                            document.write(`
                                        <li><a href="#">${arr[i]}</a></li>
                                        `)
                                        }
                                    </script>
                                </ul>
                            </div>
                            <div class="fl">
                                <p>生活服务</p>
                                <ul>
                                    <script>
                                        var arr = ['手机', '智能数码', '玩3C', '电脑', '办公', '家用电器', '京鱼座', '智能京东', '服饰', '京东生鲜', '家装城', '母婴食品', '农资频道', '整车图书', '劳动防护'];
                                        for (let i = 0; i < arr.length; i++) {
                                            document.write(`
                                        <li><a href="#">${arr[i]}</a></li>
                                        `)
                                        }
                                    </script>
                                </ul>
                            </div>
                            <div class="fl">
                                <p>更多精选</p>
                                <ul>
                                    <script>
                                        var arr = ['手机', '智能数码', '玩3C', '电脑', '办公', '家用电器', '京鱼座', '智能京东', '服饰', '京东生鲜', '家装城', '母婴食品', '农资频道', '整车图书', '劳动防护'];
                                        for (let i = 0; i < arr.length; i++) {
                                            document.write(`
                                        <li><a href="#">${arr[i]}</a></li>
                                        `)
                                        }
                                    </script>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="slicer"></li>
                    <!-- 手机京东 -->
                    <li class="Jdphone showBgcolor rel">
                        <a class="showColor" href="#">手机京东</a>
                        <ul class="JdBox abs bgcfff">
                            <script>
                                var arr = ['手机京东', '关注京东', '京东金融客户端', '京东健康客户端', '关注京东小程序'];
                                var arr1 = ['./image/phoneJDerweima.jpg', './image/focusJDerweima.jpg', './image/financeJDerweima.jpg', './image/healthJDerweima.jpg', './image/appletJDerweima.jpg'];
                                for (let i = 0; i < arr.length; i++) {
                                    document.write(`
                            <li class="clearfix">
                                 <img class="fl" src="${arr1[i]}" alt="">
                                <p class="fl color666">${arr[i]}</p>
                                <p class="fl colorE1251B">新人专享大礼包</p>
                            </li>
                                `)
                                }
                            </script>
                        </ul>
                        <img class="financeJD bgcfff abs" src="./image/phoneJDerweima.jpg" alt="">
                    </li>
                </ul>
            </div>
        </div>
        <!-- 菜单 -->
        <div class="menu bgcfff">
            <div class="warp">
                <!-- logo -->
                <div class="logo">
                    <a href="#"></a>
                </div>

                <!-- 搜素框+购物车 -->
                <!-- 导航栏 -->
            </div>

        </div>
    </div>
    <!-- banner -->
    <div id="banner"></div>
</body>

</html>